﻿@page "/components/paper"

<DocsPage>
    <DocsPageHeader Title="Paper" />
    <DocsPageContent>
        <DocsPageSection>
            <SectionHeader>
                <Title>Component</Title>
                <Description></Description>
            </SectionHeader>
            <SectionContent DarkenBackground="true" DisplayFlex="true">
                <PaperComponentExample />
            </SectionContent>
            <SectionSource Code="PaperComponentExample" GitHubFolderName="Paper" />
        </DocsPageSection>
        <DocsPageSection>
            <SectionHeader>
                <Title>Variants</Title>
                <Description>If you need an outlined surface or a square, use the variant property.</Description>
            </SectionHeader>
            <SectionContent DarkenBackground="true" DisplayFlex="true">
                <PaperVariantsExample />
            </SectionContent>
            <SectionSource Code="PaperVariantsExample" GitHubFolderName="Paper" />
        </DocsPageSection>
    </DocsPageContent>
</DocsPage>
